﻿<MRow Justify="JustifyTypes.Center">
    <MDialog @bind-Value="dialog"
             Fullscreen
             Transition="dialog-bottom-transition">
        <ActivatorContent>
            <MButton Color="primary"
                     Dark
                     @attributes="@context.Attrs">
                Open Dialog
            </MButton>
        </ActivatorContent>
        <ChildContent>
            <MCard>
                <MToolbar Dark
                          Color="primary">
                    <MButton Icon
                             Dark
                             OnClick="() => dialog = false">
                        <MIcon>mdi-close</MIcon>
                    </MButton>
                    <MToolbarTitle>Settings</MToolbarTitle>
                    <MSpacer></MSpacer>
                    <MToolbarItems>
                        <MButton Dark
                                 Text
                                 OnClick="() => dialog = false">
                            Save
                        </MButton>
                    </MToolbarItems>
                </MToolbar>
                <MList ThreeLine
                       Subheader>
                    <MSubheader>User Controls</MSubheader>
                    <MListItem>
                        <MListItemContent>
                            <MListItemTitle>Content filtering</MListItemTitle>
                            <MListItemSubtitle>Set the content filtering level to restrict apps that can be downloaded</MListItemSubtitle>
                        </MListItemContent>
                    </MListItem>
                    <MListItem>
                        <MListItemContent>
                            <MListItemTitle>Password</MListItemTitle>
                            <MListItemSubtitle>Require password for purchase or use password to restrict purchase</MListItemSubtitle>
                        </MListItemContent>
                    </MListItem>
                </MList>
                <MDivider></MDivider>
                <MList ThreeLine
                       Subheader>
                    <MSubheader>General</MSubheader>
                    <MListItem>
                        <MListItemAction>
                            <MCheckbox @bind-Value="notifications"></MCheckbox>
                        </MListItemAction>
                        <MListItemContent>
                            <MListItemTitle>Notifications</MListItemTitle>
                            <MListItemSubtitle>Notify me about updates to apps or games that I downloaded</MListItemSubtitle>
                        </MListItemContent>
                    </MListItem>
                    <MListItem>
                        <MListItemAction>
                            <MCheckbox @bind-Value="sound"></MCheckbox>
                        </MListItemAction>
                        <MListItemContent>
                            <MListItemTitle>Sound</MListItemTitle>
                            <MListItemSubtitle>Auto-update apps at any time. Data charges may apply</MListItemSubtitle>
                        </MListItemContent>
                    </MListItem>
                    <MListItem>
                        <MListItemAction>
                            <MCheckbox @bind-Value="widgets"></MCheckbox>
                        </MListItemAction>
                        <MListItemContent>
                            <MListItemTitle>Auto-add widgets</MListItemTitle>
                            <MListItemSubtitle>Automatically add home screen widgets</MListItemSubtitle>
                        </MListItemContent>
                    </MListItem>
                </MList>
            </MCard>
        </ChildContent>
    </MDialog>
</MRow>

@code {
    private bool dialog = false;
    private bool notifications = false;
    private bool sound = true;
    private bool widgets = false;
}